/*
 * 地址选择
 */
'use strict';
import React, { Component } from 'react';
import {
    StyleSheet,
    Text,
    View,
    TouchableHighlight,
    Image,
    PixelRatio,
    Dimensions,
    TextInput,
} from 'react-native';


import QRCode from 'react-native-qrcode';

import Toast from 'antd-mobile/lib/toast';
import List from 'antd-mobile/lib/list';

import NavTitle from '../component/NavTitle';


class ContactServicer extends Component {
    constructor(props) {
        super(props)

        this.state = {
            text:'http://www.baidu.com'
        }
    }

    componentDidMount(){
    }

    _forgetPwd(){

    }

    _editPwd(){
        this.props.navigator.push({
            name:'EditPwd',
            component:EditPwd
        })
    }

    render() {
        return (
            <View style={styles.container}>
                <NavTitle
                    title='我的服务二维码'
                    leftButton = {true}
                    leftImg = {require('../imgs/left.png')}
                    leftText = {'返回'}
                    leftHander = {()=>{this.props.navigator.pop()}}
                    headColor = '#fbdc3a'
                />
                <View style={styles.info}>
                    <View style={styles.content}>
                        <View style={styles.store}>
                            <Text style={styles.address}>每个城市都有微微购城市站长、每个城市站长的微信好友，最低3000——10000人以上，你可以联系客服，指定推广到全国任意城市！</Text>
                        </View>
                        <QRCode
                            value={this.state.text}
                            size={Dimensions.get('window').width-30}
                            bgColor='#000'
                            fgColor='white'/>
                    </View>
                </View>
            </View>
        )
    }

}

const styles = StyleSheet.create({
    container: {
        backgroundColor: '#F5F5F5',
        flex: 1,
    },
    itemStyle:{
        flexDirection:'row'
    },
    keys:{
        marginRight:10,
    },
    content:{
        paddingLeft:15,
        paddingRight:15,
    },
    info:{
        flex:1,
        alignItems:'center',
        justifyContent:'center'
    },
    store:{
        flexDirection:'row',
        marginBottom:20
    },
    image:{
        width:64,
        height:64
    },
    base:{
        flex:1,
        justifyContent:'center',
        paddingLeft:10
    },
    name:{
        color:'#333',
        fontWeight:'600'
    },
    where:{
        flexDirection:'row',
        marginTop:5,
        alignItems:'center',
    },
    address:{
        fontSize:16,
        color:'#999',
    },
    remark:{
        color:'#999',
        marginTop:10
    }
});

export default ContactServicer;
